<!doctype html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>后台管理</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <link rel="apple-touch-icon-precomposed" href="images/icon/icon.png">
    <link rel="shortcut icon" href="images/icon/favicon.ico">
    <script src="js/jquery-2.1.4.min.js"></script>

</head>

<body class="user-select">
    <section class="container-fluid">
        <header>
            <nav class="navbar navbar-default navbar-fixed-top">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">切换导航</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
                        <a class="navbar-brand" href="/">YlsatCMS</a> </div>
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav navbar-right">
                            <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">admin <span class="caret"></span></a>
                                <ul class="dropdown-menu dropdown-menu-left">
                                    <li><a title="查看或修改个人信息" data-toggle="modal" data-target="#seeUserInfo">个人信息</a></li>
                                    <li><a title="查看您的登录记录" data-toggle="modal" data-target="#seeUserLoginlog">登录记录</a></li>
                                </ul>
                            </li>
                            <li><a href="login.html" onClick="if(!confirm('是否确认退出？'))return false;">退出登录</a></li>
                            <li><a data-toggle="modal" data-target="#WeChat">帮助</a></li>
                        </ul>
                        <form action="" method="post" class="navbar-form navbar-right" role="search">
                            <div class="input-group">
                                <input type="text" class="form-control" autocomplete="off" placeholder="键入关键字搜索" maxlength="15">
                                <span class="input-group-btn">
                                    <button class="btn btn-default" type="submit">搜索</button>
                                </span>
                            </div>
                        </form>
                    </div>
                </div>
            </nav>
        </header>
        <div class="row">
            <aside class="col-sm-3 col-md-2 col-lg-2 sidebar">
                <ul class="nav nav-sidebar">
                    <li><a href="index.html">报告</a></li>
                </ul>
                <ul class="nav nav-sidebar">
                    <li><a href="article.html">视频管理</a></li>

                    <li class="active"><a href="comment.html">留言</a></li>

                    <li><a href="manage-user.html">管理用户</a>

                </ul>


            </aside>
            <div class="col-sm-9 col-sm-offset-3 col-md-10 col-lg-10 col-md-offset-2 main" id="main">
                <form action="/Comment/checkAll" method="post">
                    <h1 class="page-header">管理 <span class="badge">4</span></h1>
                    <div class="table-responsive">
                        <table class="table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th><span class="glyphicon glyphicon-th-large"></span> <span class="visible-lg">选择</span></th>
                                    <th><span class="glyphicon glyphicon-file"></span> <span class="visible-lg">摘要</span></th>
                                    <th><span class="glyphicon glyphicon-time"></span> <span class="visible-lg">日期</span></th>
                                    <th><span class="glyphicon glyphicon-pencil"></span> <span class="visible-lg">操作</span></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td><input type="checkbox" class="input-control" name="checkbox[]" value="" /></td>
                                    <td class="article-title">这是测试评论摘要这是测试评论摘要这是测试评论摘要这是测试评论摘要...</td>
                                    <td>2015-12-03</td>
                                    <td><a rel="1" name="see">查看</a> <a rel="1" name="delete">删除</a></td>
                                </tr>
                                <tr>
                                    <td><input type="checkbox" class="input-control" name="checkbox[]" value="" /></td>
                                    <td class="article-title">这是测试评论摘要这是测试评论摘要这是测试评论摘要这是测试评论摘要...</td>
                                    <td>2015-12-03</td>
                                    <td><a rel="2" name="see">查看</a> <a rel="2" name="delete">删除</a></td>
                                </tr>
                                <tr>
                                    <td><input type="checkbox" class="input-control" name="checkbox[]" value="" /></td>
                                    <td class="article-title">这是测试评论摘要这是测试评论摘要这是测试评论摘要这是测试评论摘要...</td>
                                    <td>2015-12-03</td>
                                    <td><a rel="3" name="see">查看</a> <a rel="3" name="delete">删除</a></td>
                                </tr>
                                <tr>
                                    <td><input type="checkbox" class="input-control" name="checkbox[]" value="" /></td>
                                    <td class="article-title">这是测试评论摘要这是测试评论摘要这是测试评论摘要这是测试评论摘要...</td>
                                    <td>2015-12-03</td>
                                    <td><a rel="4" name="see">查看</a> <a rel="4" name="delete">删除</a></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <footer class="message_footer">
                        <nav>
                            <div class="btn-toolbar operation" role="toolbar">
                                <div class="btn-group" role="group"> <a class="btn btn-default" onClick="select()">全选</a> <a class="btn btn-default" onClick="reverse()">反选</a> <a class="btn btn-default" onClick="noselect()">不选</a> </div>
                                <div class="btn-group" role="group">
                                    <button type="submit" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="删除全部选中" name="checkbox_delete">删除</button>
                                </div>
                            </div>
                            <ul class="pagination pagenav">
                                <li class="disabled">
                                    <a aria-label="Previous"> <span aria-hidden="true">&laquo;</span> </a>
                                </li>
                                <li class="active"><a>1</a></li>
                                <li class="disabled">
                                    <a aria-label="Next"> <span aria-hidden="true">&raquo;</span> </a>
                                </li>
                            </ul>
                        </nav>
                    </footer>
                </form>
            </div>
        </div>
    </section>
    <!--查看评论模态框-->
    <div class="modal fade" id="seeComment" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">查看评论</h4>
                </div>
                <div class="modal-body">
                    <table class="table" style="margin-bottom:0px;">
                        <thead>
                            <tr> </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td wdith="20%">评论ID:</td>
                                <td width="80%" class="see-comment-id"></td>
                            </tr>
                            <tr>
                                <td wdith="20%">评论页面:</td>
                                <td width="80%" class="see-comment-page"></td>
                            </tr>
                            <tr>
                                <td wdith="20%">评论内容:</td>
                                <td width="80%" class="see-comment-content"></td>
                            </tr>
                            <tr>
                                <td wdith="20%">IP:</td>
                                <td width="80%" class="see-comment-ip"></td>
                            </tr>
                            <tr>
                                <td wdith="20%">所在地:</td>
                                <td width="80%" class="see-comment-address"></td>
                            </tr>
                            <tr>
                                <td wdith="20%">系统:</td>
                                <td width="80%" class="see-comment-system"></td>
                            </tr>
                            <tr>
                                <td wdith="20%">浏览器:</td>
                                <td width="80%" class="see-comment-browser"></td>
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr></tr>
                        </tfoot>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">朕已阅</button>
                </div>
            </div>
        </div>
    </div>
    <!--个人信息模态框-->
    <div class="modal fade" id="seeUserInfo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <form action="" method="post">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title">个人信息</h4>
                    </div>
                    <div class="modal-body">
                        <table class="table" style="margin-bottom:0px;">
                            <thead>
                                <tr> </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td wdith="20%">姓名:</td>
                                    <td width="80%"><input type="text" value="王雨" class="form-control" name="truename" maxlength="10" autocomplete="off" /></td>
                                </tr>
                                <tr>
                                    <td wdith="20%">用户名:</td>
                                    <td width="80%"><input type="text" value="admin" class="form-control" name="username" maxlength="10" autocomplete="off" /></td>
                                </tr>
                                <tr>
                                    <td wdith="20%">电话:</td>
                                    <td width="80%"><input type="text" value="18538078281" class="form-control" name="usertel" maxlength="13" autocomplete="off" /></td>
                                </tr>
                                <tr>
                                    <td wdith="20%">旧密码:</td>
                                    <td width="80%"><input type="password" class="form-control" name="old_password" maxlength="18" autocomplete="off" /></td>
                                </tr>
                                <tr>
                                    <td wdith="20%">新密码:</td>
                                    <td width="80%"><input type="password" class="form-control" name="password" maxlength="18" autocomplete="off" /></td>
                                </tr>
                                <tr>
                                    <td wdith="20%">确认密码:</td>
                                    <td width="80%"><input type="password" class="form-control" name="new_password" maxlength="18" autocomplete="off" /></td>
                                </tr>
                            </tbody>
                            <tfoot>
                                <tr></tr>
                            </tfoot>
                        </table>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        <button type="submit" class="btn btn-primary">提交</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <!--个人登录记录模态框-->
    <div class="modal fade" id="seeUserLoginlog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">登录记录</h4>
                </div>
                <div class="modal-body">
                    <table class="table" style="margin-bottom:0px;">
                        <thead>
                            <tr>
                                <th>登录IP</th>
                                <th>登录时间</th>
                                <th>状态</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>::1:55570</td>
                                <td>2016-01-08 15:50:28</td>
                                <td>成功</td>
                            </tr>

                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">朕已阅</button>
                </div>
            </div>
        </div>
    </div>
    <!--微信二维码模态框-->
    <div class="modal fade user-select" id="WeChat" tabindex="-1" role="dialog" aria-labelledby="WeChatModalLabel">
        <div class="modal-dialog" role="document" style="margin-top:120px;max-width:280px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="WeChatModalLabel" style="cursor:default;">微信扫一扫</h4>
                </div>
                <div class="modal-body" style="text-align:center"> <img src="images/erma.jpg" alt="" style="cursor:pointer" /> </div>
            </div>
        </div>
    </div>
    <!--提示模态框-->
    <div class="modal fade user-select" id="areDeveloping" tabindex="-1" role="dialog" aria-labelledby="areDevelopingModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">朕已阅</button>
                </div>
            </div>
        </div>
    </div>
    <!--右键菜单列表-->
    <div id="rightClickMenu">
        <ul class="list-group rightClickMenuList">
            <li class="list-group-item disabled">欢迎访问异清轩博客</li>
            <li class="list-group-item"><span>IP：</span>172.16.10.129</li>
            <li class="list-group-item"><span>地址：</span>河南省郑州市</li>
            <li class="list-group-item"><span>系统：</span>Windows10 </li>
            <li class="list-group-item"><span>浏览器：</span>Chrome47</li>
        </ul>
    </div>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/admin-scripts.js"></script>
    <script>
        $(function() {
            $("#main table tbody tr td a").click(function() {
                var name = $(this);
                var id = name.attr("rel"); //对应id   
                if (name.attr("name") === "see") {
                    $.ajax({
                        type: "POST",
                        url: "/Comment/see",
                        data: "id=" + id,
                        cache: false, //不缓存此页面   
                        success: function(data) {
                            var data = JSON.parse(data);
                            $('.see-comment-id').html(data.id);
                            $('.see-comment-page').html(data.page);
                            $('.see-comment-content').html(data.content);
                            $('.see-comment-ip').html(data.ip);
                            $('.see-comment-address').html(data.address);
                            $('.see-comment-system').html(data.system);
                            $('.see-comment-browser').html(data.browser);
                            $('#seeComment').modal('show');
                        }
                    });
                } else if (name.attr("name") === "delete") {
                    if (window.confirm("此操作不可逆，是否确认？")) {
                        $.ajax({
                            type: "POST",
                            url: "/Comment/delete",
                            data: "id=" + id,
                            cache: false, //不缓存此页面   
                            success: function(data) {
                                window.location.reload();
                            }
                        });
                    };
                };
                return false;
            });
        });
    </script>
</body>

</html>